<template>
  <div class="Trans-BIM">
    <div v-if="device==='desktop'">
      <div class="dswd-container">
        <first />
        <second />
        <three />
        <!-- <four /> -->
      </div>
      <!-- <project-cases /> -->
      <br>
      <br>
    </div>
    <div v-if="device==='mobile'||device==='ipad'">
      <div class="dswd-m-container">
        <first />
        <second />
        <three />
        <!-- <four /> -->
      </div>
      <!-- <project-cases /> -->
      <br>
      <br>
    </div>
  </div>
</template>

<script>
import first from './first'
import second from './second'
import three from './three'
import four from './four'
import projectCases from './projectCases'
import { mapState } from 'vuex'
export default {
  components: { first, second, three, four, projectCases },
  data() {
    return {}
  },
  computed: {
    ...mapState({
      device: (state) => state.app.device
    })
  },
  mounted() {},
  methods: {
  }
}
</script>

<style lang="scss">
@import "~@/styles/TransBIM/index.scss";
</style>
